<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo( 'charset' ); ?>" />
        <title><?php
                /*
                 * Print the <title> tag based on what is being viewed.
                 */
                global $page, $paged;

                wp_title( '|', true, 'right' );

                // Add the blog name.
                bloginfo( 'name' );

                // Add the blog description for the home/front page.
                $site_description = get_bloginfo( 'description', 'display' );
                if ( $site_description && ( is_home() || is_front_page() ) )
                        echo " | $site_description";

                // Add a page number if necessary:
                if ( $paged >= 2 || $page >= 2 )
                        echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );

                ?></title>
        
        <meta charset="<?php bloginfo( 'charset' ); ?>" />
        <meta property="og:title" content="<?php bloginfo( 'name' ); ?>" />
        <meta property="og:description" content="<?php bloginfo( 'description ' ); ?>" />
        <!--<meta property="og:image" content="thumbnail_image" />-->

        <link rel="shortcut icon" href="<?php bloginfo( 'template_url' ); ?>/images/logo.ico"/>
        <link rel="icon" href="<?php bloginfo( 'template_url' ); ?>/images/icon.ico" type="image/x-icon"/>
        
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" type="text/css" media="all" href="" />
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
               
        <link href="<?php bloginfo( 'template_url' ); ?>/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
        
        <link rel="stylesheet" type="text/css" href="<?php bloginfo( 'template_url' ); ?>/css/reset.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="<?php bloginfo( 'template_url' ); ?>/css/style.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="<?php bloginfo( 'template_url' ); ?>/css/css2.css" media="screen" />
        
        <link href="<?php bloginfo( 'template_url' ); ?>/bootstrap/css/bootstrap-responsive.css" rel="stylesheet"/>
        
                <?php
                /* We add some JavaScript to pages with the comment form
                 * to support sites with threaded comments (when in use).
                 */
                if ( is_singular() && get_option( 'thread_comments' ) )
                        wp_enqueue_script( 'comment-reply' );

                /* Always have wp_head() just before the closing </head>
                 * tag of your theme, or you will break many plugins, which
                 * generally use this hook to add elements to <head> such
                 * as styles, scripts, and meta tags.
                 */
                wp_head();
        ?>
        
        <script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/jquery.js'></script>
        <script type='text/javascript' src='<?php bloginfo( 'template_url' ); ?>/js/custom.js'></script>
        
        <script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/js/jquery.jscrollpane.min.js"></script>
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/jScrollPane.css" />
        
        <script language="javascript">
            $(function()
            {
                    $('.scroll-pane').jScrollPane();
            });
        </script>
         
         
        <!--[if lte IE 8]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
            
    </head>

<body <?php body_class(); ?>>
    
    
    <!-- begin header-bar-->
        <section id="header-bar">
            <!-- begin wrapper-->
            <section class="wrapper">
                <div class="languages">
                    <?php echo qtrans_generateLanguageSelectCode('image'); ?>
                    
                </div>
                <div class="search-bar">
                    <form action="<?php echo site_url(); ?>/<?php echo qtrans_getLanguage(); ?>" method="post">
                        <input type="text" name="s" placeholder="Pesquisar..."/>
                        <input type="submit" class="search" value=""/>
                    </form>
                </div>
                <div class="redes-sociais">
                    <ul>
                        <li><a href=""><img src="<?php bloginfo( 'template_url' ); ?>/images/facebook.png"/></a></li>
                        <li><a href=""><img src="<?php bloginfo( 'template_url' ); ?>/images/twitter.png"/></a></li>
                        <li><a href=""><img src="<?php bloginfo( 'template_url' ); ?>/images/gplus.png"/></a></li>
                    </ul>
                </div>
            </section>
            <!-- end wrapper-->
        </section>
        <!-- end header-bar-->
        
        <!-- begin wrapper-->
        <section class="wrapper">
            
            <!-- begin header-->
            <header>
                
                <div class="row-fluid">
                    <div class="span4">
                        <div class="logo">
                            <a href="<?php echo site_url(); ?>/<?php echo qtrans_getLanguage(); ?>"><img src="<?php bloginfo( 'template_url' ); ?>/images/logo.png"/></a>
                        </div>
                    </div>
                    <div class="span8">
                        
                       <?php get_template_part('navigation'); ?>
                        
                    </div>
                </div>
                
            </header>
            <!-- end header-->
            
       